<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>首页</title>
		
		<link rel="stylesheet" href="<%=request.getContextPath() %>/css/reset.css" />
		<link rel="stylesheet" href="<%=request.getContextPath() %>/css/main.css" />
		<script type="text/javascript" src="<%=request.getContextPath() %>/js/luoBoTu.js" ></script>
		<% 
			String username = (String)request.getSession().getAttribute("user");
		%>
	</head>
	<body>
		<div class="head">
			<div class="top-first">
				<div class="comWidth">
					<div class="leftArea">
						<i class="iconfont"></i>
						<a href="" class="collection">商城首页</a>
					</div>
					<div class="rightArea welcome">
						<span>欢迎您来到数码商城！</span>
						<%if(username==null){ %>
						<a href="<%=request.getContextPath() %>/login/index">[登录]</a>
						<%}
						else{%>
						<label><%=username %></label>	
						<%}%>
						<a href="<%=request.getContextPath() %>/login/register">[注册]</a>
						<a href="<%=request.getContextPath() %>/signOut">[退出]</a>
					</div>
				</div>
			</div>
			<div class="top-second">
				<div class="comWidth">
					<div class="logo fl">
						<a href="" ><img src="<%=request.getContextPath() %>/img/logo.png"/></a>
					</div>
					<div class="search fl">
						<input type="text" class="search-text fl" placeholder="请输入商品名称">
						<input type="button" class="search-btn fl" value="搜	索"/>
					</div>
					<div class="shopCart fl">
						<i class="ci-left"></i>
						<i class="ci-right">></i>
						<i class="ci-count" id="shopping-amount">0</i>
						<a target="_blank" href="<%=request.getContextPath() %>/shoppingCart/showGoods" class="">我的购物车</a>
					</div>
				</div>
			</div>
			<div class="top-third">
				<div class="comWidth">
					<div id="category" class="dorpdown">
						<div class="dt">全部分类</div>
					</div>
					<div class="navitems">
						<ul>
							<li>
								<a target="_blank" href="" class="nav-color">首页</a>
							</li>
							<li>
								<a target="_blank" href="">数码城</a>
							</li>
							<li>
								<a target="_blank" href="">团购</a>
							</li>
							<li>
								<a target="_blank" href="">发现</a>
							</li>
							<li>
								<a target="_blank" href="">二手特卖</a>
							</li>
							<li>
								<a target="_blank" href="">名品会</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="first-screen">
				<div class="comWidth">
					<div class="p-category">
						<div class="title">
							<dl class="item1 fore1">
								<dt class="item-title"> 
									手机
									<i class="menu-arrow">></i>
								</dt>
								<dd class="item-cont">
									<ul class="item-list clearfix">
										<li class="title-name">
											<a href="" target="_blank" >全部手机</a>
										</li><li class="title-name">
											<a href="" target="_blank" >拍照神器</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >指纹识别</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >老人手机</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >双卡双待</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >快速充电</a>
										</li>
									</ul>
								</dd>
							</dl>
							<dl class="item1 fore1">
								<dt class="item-title"> 
									电脑
									<i class="menu-arrow">></i>
								</dt>
								<dd class="item-cont">
									<ul class="item-list clearfix">
										<li class="title-name">
											<a href="" target="_blank" >笔记本</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >超级本</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >上网本</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >平板电脑</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >台式机</a>
										</li>
									</ul>
								</dd>
							</dl>
							<dl class="item1 fore1">
								<dt class="item-title"> 
									手机配件
									<i class="menu-arrow">></i>
								</dt>
								<dd class="item-cont">
									<ul class="item-list clearfix">
										<li class="title-name">
											<a href="" target="_blank" >数据线</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >适配器</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >保护套</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >支架</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >钢化膜</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >电池</a>
										</li>
									</ul>
								</dd>
							</dl>
							<dl class="item1 fore1">
								<dt class="item-title"> 
									电脑硬件外设
									<i class="menu-arrow">></i>
								</dt>
								<dd class="item-cont">
									<ul class="item-list clearfix">
										<li class="title-name">
											<a href="" target="_blank" >专机配件</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >整机配件</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >电脑外设</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >网络设备</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >音频设备</a>
										</li>
									</ul>
								</dd>
							</dl>
							<dl class="item1 fore1">
								<dt class="item-title"> 
									家电
									<i class="menu-arrow">></i>
								</dt>
								<dd class="item-cont">
									<ul class="item-list clearfix">
										<li class="title-name">
											<a href="" target="_blank" >电视</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >空调</a>
										</li>
										<li class="title-name">
											<a href="" target="_blank" >冰箱</a>
										</li>
									</ul>
								</dd>
							</dl>
						</div>
					</div>
					
				</div>
				<div class="p-slider">
						<div id="container">
						    <div id="list" style="left: -1366px;">
						        <a href="" target="_blank" ><img src="<%=request.getContextPath() %>/img/banner/banner-4.jpg" alt="4"/></a>
						        <a href="" target="_blank" ><img src="<%=request.getContextPath() %>/img/banner/banner-1.jpg" alt="1"/></a>
						        <a href="" target="_blank" ><img src="<%=request.getContextPath() %>/img/banner/banner-2.jpg" alt="2"/></a>
						        <a href="" target="_blank" ><img src="<%=request.getContextPath() %>/img/banner/banner-3.jpg" alt="3"/></a>
						        <a href="" target="_blank" ><img src="<%=request.getContextPath() %>/img/banner/banner-4.jpg" alt="4"/></a>
						        <a href="" target="_blank" ><img src="<%=request.getContextPath() %>/img/banner/banner-1.jpg" alt="1"/></a>
						    </div>
						    <div id="buttons">
						        <span index="1" class="on"></span>
						        <span index="2"></span>
						        <span index="3"></span>
						        <span index="4"></span>
						    </div>
						    <a href="javascript:;" id="prev" class="arrow">&lt;</a>
						    <a href="javascript:;" id="next" class="arrow">&gt;</a>
						</div>
					</div>
			</div>
		</div>
		
		
		<div class="shopTitle comWidth1" >
			<h3 class="menuTitle">高性价比</h3>
		</div>
		
		<div class="shopList3 comWidth1 clearfix">
			<div class="leftArea">
				<div class="imgBox">
					<a href=""><img src="<%=request.getContextPath() %>/img/banner_img/banner_img1.jpg" alt="banner" /></a>
				</div>
			</div>
			<div class="rightArea">
				<div class="content-type">
					<ul class="type-title"> 
						<li>
							<a href="" alt="" class="">优品推荐</a>
						</li>
						<li>
							<a href="" alt="" class="">大屏手机</a>
						</li>
						<li>
							<a href="" alt="" class="">双卡双待</a>
						</li>
						<li>
							<a href="" alt="" class="">畅销千元</a>
						</li>
					</ul>
				</div>
				<div class="content-con">
					<!--上边四个-->
					<div class=" shop-item shop-item1">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<div class="shop-item shop-item1">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<div class="shop-item shop-item1">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<div class="shop-item shop-item1">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<!--下边四个-->
					<div class="shop-item">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<div class="shop-item">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<div class="shop-item">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<div class="shop-item">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="shopTitle comWidth1">
			<h3 class="menuTitle">潮机推荐</h3>
		</div>
		
		<div class="shopList4 comWidth1 clearfix">
			<!--左边部分-->
			<div class="leftArea c-left">
				<div class="left-title">
					<i class="cart"></i>
					帮你挑
				</div>
				<div class="left-conent">
					<div class="search-type">
						<h4>选择适合您的类别：</h4>
						<ul class="list-item">
							<li class="search-item">外观漂亮</li>
							<li class="search-item">性价比高</li>
							<li class="search-item">系统流畅</li>
							<li class="search-item">功能齐全	</li>
						</ul>
					</div>
					<div class="search-price clearfix">
						<h4>选择您的预算：</h4>
						<ul class="list-item">
							<li class="search-item">0-599</li>
							<li class="search-item">600-999</li>
							<li class="search-item">1000-1699</li>
							<li class="search-item">1700-3399</li>
							<li class="search-item">3400-4399</li>
							<li class="search-item">4400以上</li>
						</ul>
					</div>
					<div class="search-button  ">
						<button class="search-btn1 search-btn-dis" disabled="disabled">
							筛选
						</button>
					</div>
				</div>
			</div>
			
			<!--右边部分-->
			<div class="rightArea c-right">
				<!--上边四个-->
					<div class=" shop-item shop-item1">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<div class="shop-item shop-item1">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<div class="shop-item shop-item1">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<div class="shop-item shop-item1">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<!--下边四个-->
					<div class="shop-item">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<div class="shop-item">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<div class="shop-item">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
					<div class="shop-item">
						<div class="shop-item-img">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待"><img src="<%=request.getContextPath() %>/img/shop_img/shop_img1.jpg"></a>
						</div>
						<div class="shop-item-name">
							<a href="<%=request.getContextPath() %>/product/productDetail" class="" target="_blank" title="华为 HUAWEI nova 4GB+64GB版 玫瑰金 移动联通电信4G手机 双卡双待">华为 HUAWEI nova 4GB+64GB版 玫瑰金 </a>
						</div>
						<div class="shop-item-price">￥2199.00</div>
					</div>
			</div>
		</div>
		
		<div class="comWidth" >
			<img src="<%=request.getContextPath() %>/img/foot.png" style="width: 1211px;"/>
		</div>
		
		<div class="footbar">
		      <div id="web_wj">
					<p>制作团队：ELEMENT TEAM</p>
					<p>
						Copyright &#169;2016-2017 <a title="数码商城" href="">www.DM.com</a>
						All Rights Reserved <a title="船舶网" href="">数码商城</a> 版权所有
					</p>
			</div>
		</div>
	</body>
</html>
